﻿<app:SpottedPageBase 
    x:Class="Spotted.Views.LoginPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:app="clr-namespace:Spotted.Core"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True">

    <Grid x:Name="LayoutRoot">
        <StackPanel Orientation="Vertical" Margin="0,80,0,0">
            <Image Source="/Assets/Images/Logo-Medium.png" Margin="20"/>

            <StackPanel Orientation="Vertical" Margin="10,10,10,0">
                <TextBlock Text="email address" Foreground="{StaticResource SpottedMainColorBrush}" />
                <TextBox Name="EmailAddress" Style="{StaticResource SpottedTextBox}" />

                <TextBlock Text="password" Foreground="{StaticResource SpottedMainColorBrush}" />
                <PasswordBox Name="Password" Style="{StaticResource SpottedPasswordBox}" />

                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,15,0,0">
                    <Button x:Name="Register" Content="Register" FontSize="32" Padding="10,3,10,5"
                            Template="{StaticResource InlineButton}" Margin="0,0,20,0" />

                    <Button x:Name="Login" Content="Login" FontSize="32" Padding="20,3,20,5"
                            Template="{StaticResource InlineButton}" />
                </StackPanel>
            </StackPanel>

            <TextBlock Text="OR" HorizontalAlignment="Center" FontSize="33"
                       Foreground="{StaticResource SpottedSecondaryColorBrush}"
                       Margin="0,30,0,20" />

            <Button x:Name="FacebookLogin">
                <Button.Content>
                    <Image Source="/Spotted;component/Assets/Images/facebook_login_button.png" Height="54" Width="414" />
                </Button.Content>
            </Button>
        </StackPanel>
    </Grid>

</app:SpottedPageBase>
